.post{margin:8px 5px; padding:0 10px}
.post h1, .post h2{font:18px Oswald; line-height:1.2em; margin:8px 0 3px; padding:0; text-shadow:none}
.post img{transition:all 400ms ease-in-out; -webkit-transition:all 400ms ease-in-out; -moz-transition:all 400ms ease-in-out; -o-transition:all 400ms ease-in-out; -ms-transition:all 400ms ease-in-out}
.post-body{font:12px Arial; border-top:none; padding-top:0px; background:none; line-height:1.5em; margin:0; padding-bottom:10px; text-align:left; color:#444}
.post-footer{display:none}
.postmeta{; padding:5px 0 10px}
.post img:hover{opacity:.7; filter:alpha(opacity=70); -moz-opacity:.7; -khtml-opacity:.7}
.cutter{width:170px; height:130px; overflow:hidden; border:4px double #ccc; margin:0 10px 5px 0; float:left; padding:0px}
#toc-outer{font:normal 11px/14px Arial,Sans-Serif; overflow:hidden; text-align:left; color:#333; margin:0 auto; padding:0}
#loadingscript{background:transparent url(http://1.bp.blogspot.com/-xFIM2-m1StM/UUA5WQ_5uqI/AAAAAAAAAb0/FtFAncA55Hw/s1600/loading.gif) no-repeat 50% 45%; font-weight:700; font-size:20px; height:335px; text-align:center; text-indent:-99999px; padding:30px 0}
.itemposts{float:left; height:auto; overflow:hidden; width:47%; -webkit-box-shadow:1px 1px 5px #c3c3c3; -moz-box-shadow:1px 1px 5px #c3c3c3; -ms-box-shadow:1px 1px 5px #c3c3c3; -o-box-shadow:1px 1px 5px #c3c3c3; box-shadow:1px 1px 5px #c3c3c3; background:#f9f9f9; border:1px solid #fff; margin:3px 5px 8px; padding:0 3px}
.itemposts h6{border-bottom:1px solid #ccc; color:#333; font:bold 12px Arial; height:30px; overflow:hidden; text-transform:none; margin:0 0 5px; padding:2px 6px!important}
.itemposts h6 a:hover{color:#111; text-decoration:none}
.itemposts img{float:left; height:70px; width:70px; z-indent:99999px; margin:0 7px 5px 5px}
.itemposts .itemfoot{border-top:1px solid #ccc; clear:both; color:0; overflow:hidden; padding:4px 5px}
.itemposts .itemfoot a.itemrmore{color:#333; float:right; font-weight:700; text-decoration:none}
.itemposts .itemfoot a.itemrmore:hover{text-decoration:underline}
#itempager{clear:both; padding:10px 0}
#halaman{color:#222; display:block; font:11px Arial; margin-bottom:10px; text-align:center; padding:0}
#totalposts{display:none}
#halaman span, #halaman a{background:#a13c39; color:#fff; display:inline; text-indent:0; text-decoration:none; margin:0 2px; padding:4px 8px}
#halaman span.hidden{display:none}
#halaman a:hover, #halaman span.actual{background:#333}
@media only screen and (max-width:910px){.itemposts{margin:0 5px 5px 7px; overflow:hidden; width:45.5%; height:auto}
}

@media only screen and (max-width:468px){.itemposts{width:100%; float:left;  margin:0px 5px 5px 0}
}

@media only screen and (max-width:320px){.itemposts{width:94%; float:left; margin:0 5px 10px}
.cutter{width:110px; height:80px}
}